<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<link rel="stylesheet" href="/easyui/themes/icon.css" />
		<link rel="stylesheet" href="/easyui/themes/default/easyui.css" />
		<link rel="stylesheet" href="/css/public.css" />
		<link rel="stylesheet" href="/css/zuoqi/zuoqi_list.css" />
		<link rel="stylesheet" href="/css/chongwu/chongwu_list.css" />
		<title>坐骑管理-坐骑列表</title>
		<script type="text/javascript" src="/js/jquery.min.js"></script>
		<script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="/easyui/easyui-lang-zh_CN.js"></script>
	</head>

	<body>
		<form id="search_form">
			<table>
				<tr>
					<td><input id="role_id" /></td>
					<td><input id="category_id" /></td>

					<td><a id="search">搜索</a></td>
					<td><a id="clear">清空</a></td>
				</tr>
			</table>
		</form>
	
		<div id="zuoqi_dialog" style="display: none;">
			<form id="zuoqi_form">
				<input type="hidden" id="id" name="id" />
	
				<table style="border-spacing:10px;">
					<tr>
						<td>坐骑类型</td>
						<td><input id="categoryId" name="categoryId" /></td>

						<td>坐骑名字</td>
						<td><input id="name" name="name" /></td>
					</tr>
	
					<tr>
						<td>开启状态</td>
						<td>
							<input id="openStatus" name="openStatus" />
						</td>

						<td>归属角色</td>
						<td>
							<input id="roleId" name="roleId" />
						</td>
					</tr>
				</table>
			</form>
		</div>

		<div id="zuoqi_detail" style="display:none;">
			<!-- easyui-layout -->
			<div class="easyui-layout" style="width:680px;height:350px;">
				<!-- easyui-layout:west -->
				<div data-options="region:'west',split:false" style="width:240px;">
					<div id="zuoqi_datalist"></div>
				</div>

				<!-- easyui-layout:center -->
				<div data-options="region:'center',split:false">
					<div class="center" style="font-size:25px;">·坐骑·</div>

					<div id="zuoqi_name"></div>

					<div class="center">
						<img id="zuoqi_image" />
					</div>

					<div class="center">
						<a id="take"></a>
					</div>
				</div>

				<div data-options="region:'east',split:false" style="width:250px;height:350px;">
					<div id="tabs">
						<div title="&emsp;基&ensp;础&emsp;">
							<div class="center">坐骑纹饰</div>

							<table class="wenshi">
								<tr>
									<td>
										<div class="ws">
											<img id="wenshi_1" />
										</div>
									</td>

									<td>
										<div class="ws">
											<img id="wenshi_2" />
										</div>
									</td>

									<td>
										<div class="ws">
											<img id="wenshi_3"  />
										</div>
									</td>
								</tr>
							</table>

							<div class="center">智能推荐</div>

							<div class="wenshi_skill">
								<img id="skill" />
							</div>

							<div class="center" id="skill_name"></div>

							<br />

							<div class="center">统御召唤灵</div>

							<table class="chongwu">
								<tr>
									<td>
										<div class="cw">
											<img id="chongwu_1" />
										</div>
									</td>

									<td>
										<div class="cw">
											<img id="chongwu_2" />
										</div>
									</td>
								</tr>
							</table>
						</div>

						<div title="&emsp;加&ensp;成&emsp;">
							<div style="margin:5px;">
								<span style="font-size:18px;">统御召唤灵的属性加成如下：</span>

								<div id="panel">
									<div id="list"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="wenshi_dialog" style="display:none;left:480px;">
			<div class="center">
				<div id="wenshi_category"></div>
			</div>

			<div id="wenshi_list"></div>
		</div>

		<div id="wenshi_detail" style="display:none;">
			<table style="border-spacing:1px;">
				<tr>
					<td rowspan=3>
						<div class="wenshi_bg">
							<img width="60" id="wenshi_image" />
						</div>
					</td>

					<td>
						<span id="wenshi_name">1级红色纹饰</span>

						<div class="yellow">
							类型：<span>纹饰</span>
						</div>

						<div class="yellow">
							作用：<span>坐骑统御</span>
						</div>
					</td>
				</tr>
			</table>

			<div class="yellow">基础属性</div>

			<div class="white" id='wenshi_attribute'>
				<span>&emsp;物理暴击</span>&ensp;+1%<br />
				<span>&emsp;物理暴击</span>&ensp;+1%<br />
				<span>&emsp;物理暴击</span>&ensp;+1%<br />
			</div>

			<div class="yellow">
				耐久度：<span id="wenshi_durability">134</span>
			</div>

			<div class="center">
				<a id="wenshi_inlay"></a>
			</div>
		</div>

		<!-- 可统御的宠物 -->
		<div id="chongwu_dialog" style="display:none;left:220px;">
			<div id="chongwu_list"></div>

			<div class="center">
				<a id="tongyu"></a>
			</div>
		</div>

		<div id="chongwu_detail" style="display:none;">
			<table style="border-spacing: 1px;">
				<tr>
					<td rowspan=3>
						<div style="width:62px;height:62px;">
							<img id="chongwu_image" width="60" height="60" />
						</div>
					</td>

					<td>
						<span id="chongwu_name">小憨憨</span>
					</td>
				</tr>

				<tr>
					<td>
						<div>
							<div id="chongwu_state" class="yellow">统御中</div>
						</div>
					</td>
				</tr>

				<tr>
					<td>
						<span class="yellow">
							等级：<span id="chongwu_grade"></span>
						</span>
					</td>
				</tr>
			</table>

			<table style="border-spacing: 0;">
				<thead>
					<span class="yellow">召唤灵技能</span>
				</thead>

				<tbody id="chongwu_skills">
					<!-- 宠物技能 -->
				</tbody>
			</table>
		</div>
	
		<table id="zuoqi_list"></table>
	</body>

	<script type="text/javascript" src="/js/public.js"></script>
	<script type="text/javascript" src="/js/ajaxUtils.js"></script>
	<script type="text/javascript" src="/js/zuoqi/zuoqi_list.js"></script>
</html>